<template>
    <div>
        <svg width="300" height="300">
            <path
                d="M 100 100 L 200 200 H 10 V 40 H 70"
                fill="#50fa81"
                stroke="#d85b49"
                stroke-width="3"></path>
        </svg>
    </div>
</template>

<script>
export default {
    name: "",
    data () {
        return {
            height: 20
        };
    },
    methods: {
        getRound10 (val) {
            return Math.round(val / 10) * 10;
        }
    },
    created () {
    },
    mounted () {
        const point = [];
        const pos = { x: 10, y: 20 };
        const verticesY = this.getRound10(pos.y - this.height / 2 - 20);
        point.push({ x: 10, y: verticesY });
        console.log(point);
    }
};
</script>

<style scoped>

</style>
